import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
//程序测试 可要可不要
// import reportWebVitals from './reportWebVitals';//程序测试

ReactDOM.render(
    <App />,
  document.getElementById('root')
);
// reportWebVitals();//程序测试
/*
我们使用react-router-dom插件,来实现react的路由效果
react 路由
1,BrowserRouter组件,这是React中路由接口的实现,所有与路由相关的组件必须被BrowseRouter组件包裹 ,而且BrowserRouter组件里面只能包裹一个组件
2,Router组件 ,路由的展示组件,类似Vue中的Router-view
2.1 path属性,匹配路由
2.2 component属性,展示的组件
2.3 rende 属性,要重新渲染成的组件

3,link组件 切换路由的组件 类似于Vue中的router-link
3.1 to属性 ,切换路由的值

4,路由传值
4.1query传值
特点:
q,不需要配置路由
b,to属性尅写成一个对象,路径pathname,传值query,to={pathname:"",query:""}
c,传值的数据可以是复杂数据类型(数组,对象等)
d,刷新页面,数据销毁
4.2 Params 传值
特点需要配置路由
b.需要传递的参数直接拼接在路由的后面,中间用/分割
c. 不能传递复杂数据类型,除非将其json序列化
d. 刷新页面,数据不会丢失!!
4.3 state传值
state的语法 与query传值基本一致,传值的时候吧query字段修改成state即可
state传递的值,在浏览器刷新的时候不会丢失
* */